// 上传到本地存储的方法
function setData(key,value){
    // key:用来放value的一个空间 value:这里用来存储了一个JSON对象
    // 将JSON对象转换成字符串
    let valueStr = JSON.stringify(value)
    // 将JSON格式的字符串上传到浏览器本地存储
    sessionStorage.setItem(key,valueStr)
}
// 获取本地存储的方法
function getData(key){
    return JSON.parse(sessionStorage.getItem(key)) 
}

// 由本地存储的字符串转换成的JSON数据，得出该JSON数据的长度，算出最大页码
function getMaxPage(jsonData,_num) {
    let length=0;
    for(var _item in jsonData) {
        length++;
    }
    // 返回最大页码
    return Math.ceil(parseInt(length)/_num);
}

// 渲染页码(暂时只能用于渲染5条数据的情况)
function showPage(maxPage){
    // console.log(maxPage);
    $('.myPage').html('')
    $('.myPage').append(`<div class="page" onclick="prePage()">上一页</div>`)
    for(let i=1;i<=maxPage;i++){
        $('.myPage').append(`
            <div class="page" onclick="showTable(${i})">${i}</div>
        `)
    }
    $('.myPage').append(`<div class="page" onclick="nextPage()">下一页</div>`)
}


// 根据页码来渲染数据(暂时只能用于渲染5条数据的情况)
function showTable(_thisPage){
    dangqianye = _thisPage
    arrPage = document.getElementsByClassName('page')
    arrPage[dangqianye].style.backgroundColor="#cccccc46"
    for(let i=0;i<=maxPage;i++){
        if(dangqianye!=i){
            arrPage[i].style.backgroundColor=""
        }
    }
    qishi=(_thisPage-1)*dat_num
    arr =arrGetData.slice(qishi,qishi+dat_num)
    $('#myTable tbody').html('')
    for(let i=0;i<arr.length;i++){
        $('#myTable tbody').append(`
            <tr>
                <td>${arr[i].dataName}</td>
                <td>${arr[i].dataClass}</td>
                <td>${arr[i].specialtyClass}</td>
                <td>${arr[i].equipmentModel}</td>
                <td>
                    <button class="look iconfont icon-xianshi" onclick="window.location.href='./jszl_details.html'" target="myiframe" ></button>
                    <button class="down iconfont icon-xiazai"></button>
                </td>
            </tr>
        `)
    }
}

// 上一页
function prePage(){
    if(dangqianye>1){
        dangqianye--
        showTable(dangqianye)
    }
}

// 下一页
function nextPage(){
    if(dangqianye<maxPage){
        dangqianye++
        showTable(dangqianye)
    }
}


// 渲染页码(暂时只能用于渲染7条数据的情况)
function showPage_7(maxPage) {
    // console.log(maxPage);
    $('.myPage').html('')
    $('.myPage').append(`<div class="page" onclick="prePage_7()">上一页</div>`)
    for (let i = 1; i <= maxPage; i++) {
        $('.myPage').append(`
    <div class="page" onclick="showTable_7(${i})">${i}</div>
`)
    }
    $('.myPage').append(`<div class="page" onclick="nextPage_7()">下一页</div>`)
}

// 根据页码来渲染数据(暂时只能用于渲染7条数据的情况)
function showTable_7(_thisPage) {
    dangqianye_7 = _thisPage
    arrPage = document.getElementsByClassName('page')
    arrPage[dangqianye_7].style.backgroundColor = "#cccccc46"
    for (let i = 0; i <= maxPage; i++) {
        if (dangqianye_7 != i) {
            arrPage[i].style.backgroundColor = ""
        }
    }
    qishi = (_thisPage - 1) * dat_num
    arr = arrGetData.slice(qishi, qishi + dat_num)
    $('#myTable tbody').html('')
    for (let i = 0; i < arr.length; i++) {
        $('#myTable tbody').append(`
    <tr>
        <td>${arr[i].account}</td>
        <td>${arr[i].theName}</td>
        <td>${arr[i].phoenNumber}</td>
        <td>${arr[i].role}</td>
        <td>${arr[i].addTime}</td>
        <td>暂无</td>
        <td>
            <button class="look iconfont icon-renwu"></button>
            <button class="down iconfont icon-huishouzhan"></button>
        </td>
    </tr>
`)
    }
}

// 上一页(暂时只能用于渲染7条数据的情况)
function prePage_7() {
    if (dangqianye_7 > 1) {
        dangqianye_7--
        showTable_7(dangqianye_7)
    }
}

// 下一页(暂时只能用于渲染7条数据的情况)
function nextPage_7() {
    if (dangqianye_7 < maxPage) {
        dangqianye_7++
        showTable_7(dangqianye_7)
    }
}


// 渲染页码(暂时只能用于渲染6条数据的情况)
function showPage_6(maxPage) {
    // console.log(maxPage);
    $('.myPage').html('')
    $('.myPage').append(`<div class="page" onclick="prePage_6()">上一页</div>`)
    for (let i = 1; i <= maxPage; i++) {
        $('.myPage').append(`
    <div class="page" onclick="showTable_6(${i})">${i}</div>
`)
    }
    $('.myPage').append(`<div class="page" onclick="nextPage_6()">下一页</div>`)
}

// 根据页码来渲染数据(暂时只能用于渲染6条数据的情况)
function showTable_6(_thisPage) {
    dangqianye_6 = _thisPage
    arrPage = document.getElementsByClassName('page')
    arrPage[dangqianye_6].style.backgroundColor = "#cccccc46"
    for (let i = 0; i <= maxPage; i++) {
        if (dangqianye_6 != i) {
            arrPage[i].style.backgroundColor = ""
        }
    }
    qishi = (_thisPage - 1) * dat_num
    arr = arrGetData.slice(qishi, qishi + dat_num)
    $('#myTable tbody').html('')
    for (let i = 0; i < arr.length; i++) {
        $('#myTable tbody').append(`
    <tr>
        <td>${arr[i].roleName}</td>
        <td>${arr[i].describe}</td>
        <td>${arr[i].staff}</td>
        <td>${arr[i].addTime}</td>
        <td>暂无</td>
        <td>
            <button class="look iconfont icon-renwu"></button>
            <button class="down iconfont icon-huishouzhan"></button>
        </td>
    </tr>
`)
    }
}

// 上一页(暂时只能用于渲染6条数据的情况)
function prePage_6() {
    if (dangqianye_6 > 1) {
        dangqianye_6--
        showTable_6(dangqianye_6)
    }
}

// 下一页(暂时只能用于渲染6条数据的情况)
function nextPage_6() {
    if (dangqianye_6 < maxPage) {
        dangqianye_6++
        showTable_6(dangqianye_6)
    }
}